/*
 * @Author: LIWEI 
 * @Date: 2018-08-12 22:03:11 
 * @Last Modified by: LIWEI
 * @Last Modified time: 2018-08-12 23:36:44
 */

<template>
    <div>
      <div class="top">
          <img src="https://cdn.swellpro.com/contact/pc/contact.jpg" alt="" class="maxScreen">
          <img src="https://cdn.swellpro.com/contact/mobile/contact.jpg" alt="" class="minScreen">
          <div class="abso">
              <h1>联系我们</h1>
          </div>
      </div>
      <div class="center">
          <div class="container">
              <div>
                  <h2>如果您有营销合作想法，欢迎随时联系我们</h2>
                  <p>斯威普团队为您提供优质的服务和相关产品信息</p>
                  <div class="marketing">
                      <i class="iconfont icon-touxiang"></i>
                      <p class="manager">市场经理</p>
                      <p>李女士</p>
                      <p>QQ：2491764229</p>
                      <p>电话: 0755 - 86622175</p>
                      <p>邮箱：lesley@swellpro.com</p>
                      <p>时间：周一至周六（09:00—18:00）</p>
                      <p>地址：深圳南山区沙河西路4811号E21栋</p>
                  </div>
              </div>
          </div>
      </div>
  </div>
</template>

<script>
export default {
  data () {
    return {
        
    };
  },

  head() {
    return {
        title: '联系我们 — 深圳市斯威普科技有限公司',
        meta: [
               { hid: 'description', name: 'description', content: '斯威普防水无人机联系方式'},
               { hid: 'keywords', name: 'keywords', content: '斯威普，防水无人机，联系我们'}
        ]
    }
  },

  components: {},

  computed: {},

  mounted() {},

  methods: {}
}

</script>
<style lang='stylus' scoped>
.top
    position relative
    >img
        width 100%
        display block
    .abso
        position absolute
        left 0px
        top 0px
        width 100%
        height 100%
        display flex
        justify-content center
        align-items center
        h1
            color #ffffff
            font-weight 300
            font-size 40px
            text-align center
.center
    background #dcdcdc
    padding 60px 0 10px
    color #000
    font-weight 300
    .container
        display flex
        justify-content center
        align-items center
        >div
            h2
                color #000
                font-weight 300
                font-size 30px
                padding-bottom 30px
                text-align center
            p
                text-align center
            .marketing
                padding 60px 0
                width 100%
                text-align center
                i
                    font-size 70px
                p
                    padding 10px 0
                .manager
                    font-size 30px
                    padding 30px 0 10px
                
</style>